<div class="page-content bindphone_content">

<style type="text/css">
 .bindphone_content{ background-color: #fff; }
 .bindphone_content .item{ border-bottom: 1px solid #eee; padding: 8px;height: 40px;line-height: 40px;  }
 .bindphone_content .btn { width: 100%; }
 .bindphone_content .title{ text-align: center; }
</style>

<section id="component_bindphone_content">
    <!-- <h3 class="item title">绑定手机号<h3> -->
    <div class="item"> 
    	<div class="s_left">手机号(+86)</div> 
    	<input placeholder="输入手机号" class="s_right" type="number" id="phone">
    	<div class="clear"></div>
    </div>
    <div class="item"> 
    	<input  placeholder="输入短信验证码" class="s_left" type="number" id="code">
    	<div class="s_right " id="codeBnt"  @click="getCode" >获取验证码</div> 
    	<div class="clear"></div>
    </div>
 <div class="item" style="border:none;">
  <div @click="dobindphone" class="btn">确认绑定手机号</div>
  <div @click="cancel" class="btn btn3 mgt10">取消</div>
</div>


   
</section>
 
</div>
